<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Reporte de ocupacion</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3 bordeIngresosEgresos">
            <div class="row-fluid">
                <ul id="headBusquedaClientes" class="span12 breadcrumb alingCenter">
                    <li><b>Buscar </b></li>
                </ul>
            </div>
            <br>
            <div class="row-fluid ">
                <form id="formularioBusquedaClientes">
                    <div class="row-fluid">
                        <div class="span4">
                            Desde
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="btn-fecha1" class="datePicker input-small search-cambiar"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Hasta
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="btn-fecha2" class="datePicker input-small search-cambiar"> 
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid">
                        <hr>             
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Categoría
                        </div>
                        <div class="span7">
                            <select  id="buscar-nacionalidad" class="span12 search-cambiar" >
                                <option value="-1">Seleccione categoria</option>
                                <?php foreach($categorias as $categoria){  ?>
                                    <option value="<?php echo $categoria->id_categoria?>"><?php echo $categoria->nombre; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Cuartos:
                        </div>
                        <div class="span7">
                            <select  id="buscar-nacionalidad" class="span12 search-cambiar" >   
                                <option value="-1">Seleccione cuarto</option>
                            </select>
                        </div>
                    </div>

                    
                    <div class="row-fluid">
                        <br>
                        <div class="span6 offset3">
                            <center>
                            <button type="button" id="btn-reporte" class="btn btn-success">Reporte</button>
                            </center>
                        </div>
                        <br>
                    </div>
                </form>
            </div>
        </div>
        <div class="span5 bordeIngresosEgresos">
            <div class="row-fluid">
                <ul  class="span12 breadcrumb alingCenter">
                    <li><b>Reporte para <span id="sp-desde"></span> a <span id="sp-hasta"></span></b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span12 text-centerReporte">
                    <label>Ocupacion=    |   Ingresos= </label>
                </div>   
            </div>
            <div class="row-fluid">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Ocupación</th>
                            <th>Ingresos</th>
                        </tr>
                    </thead>
                    <tbody id="lista-clientes" data-pagina="1">
                    </tbody>
                </table>
            </div>               

        </div>
        <div class="span4">  
            <div class="row-fluid"> 
                <label class="nav-header noPaddingL">Anuncios</label>
                <div id="marcoAnuncios" class="carousel slide">
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="<?= base_url() ?>public/images/bannerGrande1.jpg" alt="">
                        </div>
                    </div>
                </div><!-- /.carousel -->
            </div>
        </div>
    </div>  

</div>